﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Producer</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
	
</head>

<body>
<div id="header">
	<div id="header_bar">
		<div id="logo">
			<a href="index.html"></a>
		</div>
		
		<div id="navigation">
			<ul>
				<li><a href="index.html">home</a></li>
				<li class="active"><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="subpage_header">
	<div id="subpage_bg" style="background: url('images/services_bg.jpg') no-repeat center center;">
		<div class="subpage_center">
			<div id="breadcrumbs">
				<a href="#">home</a> \
			</div>
			<div id="subpage_heading">
				<h2>Services Overview</h2>
			</div>
		</div>
	</div>	
</div>

<div id="subpage_main">
	<div id="content_bar">
		<div id="content_nav">
			<ul id="main_content_slider">
				<li><a href="#" class="activeSlide">Overview</a></li>
				<li><a href="#">Web Services</a></li>
				<li><a href="#">Identity Design</a></li>
				<li><a href="#">Print Media</a></li>
			</ul>
		</div>
		<div id="search">
			<form action="test.php" method="post">
                <input onblur="if(this.value == '') this.value='Search' ;" onfocus="if(this.value == 'Search') this.value='';" value="Search" type="text" />
            </form>
		</div>
	</div>
	<div id="content">
		<div id="content_left">
			
		

				<div id="subpage">
					
					<div id="subpage_content">
						<img src="images/producer_slogan.jpg" alt="Producer" />
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin. Maecenas euismod, felis eget interdum bibendum, tellus purus malesuada lorem, non rutrum leo diam eu tortor.</p>
					</div>
			
					<div id="latest_content_items">
					
						<!-- Section 1 Featured -->
						<div class="subpage-item-holder">
								<div class="content-item">
									<h2>Web Services</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin.</p>
									<ul>
										<li><a href="#">Phalleus volutplat, Vesus</a></li>
										<li><a href="#">Maecenas posuere est</a></li>
										<li><a href="#">Pellentesque porttitor purus</a></li>
									</ul>
									<a href="#" class="view"></a>
								</div>
				
								<div class="content-item">
									<h2>Identity Design</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin.</p>
									<ul>
										<li><a href="#">Phalleus volutplat, Vesus</a></li>
										<li><a href="#">Maecenas posuere est</a></li>
										<li><a href="#">Pellentesque porttitor purus</a></li>
									</ul>
									<a href="#" class="view"></a>
								</div>
				
								<div class="content-item">
									<h2>Printed Graphics</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin.</p>
									<ul>
										<li><a href="#">Phalleus volutplat, Vesus</a></li>
										<li><a href="#">Maecenas posuere est</a></li>
										<li><a href="#">Pellentesque porttitor purus</a></li>
									</ul>
									<a href="#" class="view"></a>
								</div>
						</div>
						<!-- End Featured 1 -->
				
					</div><!-- end latest_content_items -->
				</div><!-- end subpage -->
					
		</div>
		
		<div id="sidebar">
			<h3>What's Next?</h3>
			<a href="#" class="quote">Request a free online quote</a>
			<a href="#" class="contact">Contact us with any questions</a>
			<div id="featured_testimonial"><a href="#"></a></div>
			<div id="sidebar_testimonial">
				<p>Vivamus dui felis, tempor et aliquam elementum, mollis a urna. Proin vitae erat turpis, in tempus felis. Vestibulum lacinia mi et odio pharetra suscipit. Praesent arcu nisl, imperdiet vel euismod eget, rutrum sit amet massa.</p>
				<span class="person">Ben Reeger, MN</span>
				<span class="company">Reeger Co.</span>
			</div>
		</div>
	</div>
	<div id="content_bottom"></div>
	
	<div id="subpage_linkbox">
		
		<div id="subpage_wrap">	
			<div id="subpage_links_top"></div>
				<div id="subpage_links">
					<div class="subpage_link_box">
						<h4>Popular Services</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>Recent Articles</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>New in the Portfolio</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
				</div>
			<div id="subpage_links_bottom"></div>
		</div>
			
		<div id="advert">
			<a href="#"><img src="images/sample_ad.jpg" alt="advert" /></a>
		</div>
		
	</div>
	
	<div id="footer">
		<div class="copyright">
			Copyright &copy; 2009 Producer Inc. All rights reserved.Collect from
			<a href="#">Terms of Use</a> |
			<a href="#">Privacy Policy</a>
		</div>
		<div class="footer_nav">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html" class="active">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>


</body>
</html>